<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix login-header">
        <span>登录</span>
      </div>
      <div class="text item">
       <div class="input_label">
          <el-input
            placeholder="请输入账号"
            id="username"
            name="username"
            v-model="username">
            <template slot="prepend">账号：</template>
          </el-input>
        </div>
        <div class="input_label">
          <el-input
            placeholder="请输入密码"
            id="password"
            name="password"
            v-model="password">
            <template slot="prepend">密码：</template>
          </el-input>
        </div>
        <div class="input_label">
          <el-switch
            v-model="value2"
            active-color="#13ce66"
            inactive-color="#ff4949"
            active-text="记住我">
          </el-switch>
        </div>
        <div class="input_label">
          <el-button
            type="primary"
            class="login-submit"
            >
            登录
          </el-button>
        </div>

      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
      return {
        value1: true,
        value2: false
      }
    }
}
</script>

<style>
@import '@/assets/css/login.scss'
</style>
